@charset "utf-8";
@import "common/reset";
@function r($px){
    @return $px/100+rem;
}
html,body{
    height: 100%;
}
//      轮播图
.swiper-container{
    width: 100%;
    height: r(358);
    margin-top: r(89);
.swiper-slide {
    width: 100%;
    height: r(358);
    .lb_img{
        width: 100%;
        height: r(358);
        img{
            width: 100%;
        }
    }
    .lb_txt{
        width: 100%;
        background : rgba(0,0,0,0.5);
        height: r(104);
        padding: 0 r(20);
        position: absolute;
        bottom: 0;
        overflow: hidden;
        p:nth-child(1){
            font-size: r(27);
            float: left;
            color: #fff;
            margin-top: r(24);
        }
        .love1{
            font-size: r(18);
            color: #fff;
            margin-right: r(49);
            float: left;
            span{
                font-size: r(15);
                color: #fff;
                margin-left: r(6);
            }
        }
        .yanjing1{
            font-size: r(18);
            color: #fff;
            float: left;
            span{
                font-size: r(15);
                color: #fff;
                margin-left: r(6);
            }
        }
        p{
            font-size: r(18);
            color: #fff;
            float: right;
        }
    }
}
}
//主体内容
section{
    width: 100%;
    margin-bottom: 20%;
.cjk{
    width: 100%;
    padding: 0 r(29);
    padding-top: r(29);
    .cjk_left{
        width: 55.47%;
        float: left;
        font-size: 0;
        
        .cjk_left_top p{
            font-size: r(25);
            line-height: r(34);
        }
        .cjk_left_bottom{
            overflow: hidden;
            line-height: r(22);
            margin-top: r(20);
            p:nth-child(1){
                float: left;
                font-size: r(15);
                color: #c5c5c5;
                .love{
                    font-size: r(18);
                    color: #c5c5c5;
                    margin-right: r(5);
                }
            }
            p:nth-child(2){
                font-size: r(20);
                color: #c5c5c5;
                float: right;
                span{
                    font-size: r(22);
                    color: #c5c5c5;
                }
            }
        }
    }
    .cjk_right{
        width: 35.61%;
        float: right;
        font-size: 0;
        img{
            width: 100%;
        }
    }
  
  .cjk_border{
      width: 100%;
      height: r(2);
      float: left;
      margin-top: r(18);
      background: #e2e2e2;
  }
 }
 .gray{
        width: 100%;
        height: r(26);
        background: #f5f5f5;
        margin-top: r(35);
    }
    .cjk2{
        width: r(588);
        height: r(204);
        margin: 0 auto;
        margin-top: r(34);
        h1{
            font-size: r(25);
            line-height: r(25);
            color: #323232;
            font-weight: normal;
        }
        .cjk2_pic{
            margin-top: r(18);
           .cjk_pic_01{
               width: r(188);
               height: r(123);
               font-size: 0;
               float: left;
               img{
                width: 100%;
            }
           } 
            .cjk_pic_01:not(:last-child){
               margin-right: r(12);
            }
        }
        .user_small{
            margin-top: r(11);
            height: r(27);
            .user_small_img{
                width: r(27);
                height: r(27);
                font-size: 0;
                float: left;
                img{
                    border-radius: 50%;
                    width: 100%;
                }
            }
            span:nth-child(2){
                font-size: r(20);
                color: #c5c5c5;
                float: left;
                margin-left: r(9);
            }
            span:nth-child(3){
                font-size: r(14);
                color: #c5c5c5;
                float: left;
                margin-left: r(18);
                margin-top: r(5);
                .weibiaoti{
                    font-size: r(16);
                    color: #c5c5c5;
                    margin-right: r(5);
                }
            }
            span:nth-child(4){
                font-size: r(14);
                color: #c5c5c5;
                float: left;
                margin-left: r(21);
                margin-top: r(4);
                .aixin{
                    font-size: r(16);
                    color: #c5c5c5;
                    margin-right: r(5);
                }
            }
            span:nth-child(5){
                font-size: r(20);
                color: #c5c5c5;
                float: right;
                margin-left: r(21);
                margin-right: r(5);
                
                em{
                    font-size: r(22);
                    color: #c5c5c5;
                    font-style: normal;
                }
            }
        }
    }
    .more{
        width: 100%;
        padding: 0 r(29);
        margin-top: r(33);
        a{
            border-top: r(1) solid #e6e6e6;
            display: block;
            font-size: r(22);
            color: #bbbbbb;
            text-align: center;
            padding-top: r(19);
        }
    }
}